<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>wechat</title>

<link  rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css" />
<link  rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap-theme.min.css" />  
<link  rel="stylesheet" type="text/css" href="css/fontawesome/font-awesome.min.css" />  


<script type="text/javascript" src="js/jquery/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="js/handlebars/handlebars-v4.0.5.js"></script>

<script>
$(document).ready(function(){
  
});
</script>
</head>
<body>
<div style="margin-top: 70px;"></div>
<div class="row">
	<div class="col-md-4"></div>

	<div class="col-md-2">
	
		<%String messages = request.getAttribute("messages").toString(); 
		   if(messages.equals("fail")) {  %>
		<div class="alert alert-danger" role="alert"><i class="fa fa-hand-o-right fa-3x" aria-hidden="true"><span style="margin-left: 70px;"><%=request.getAttribute("messages")%></span></i></div>
		<% } else { %>
		<div class="alert alert-success" role="alert"><i class="fa fa-hand-o-right fa-3x" aria-hidden="true"><span style="margin-left: 70px;"><%=request.getAttribute("messages")%></span></i></div>
		<% } %>
		
	</div>

	<div class="col-md-4"></div>
	</div>
</body>
</html>